<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>Login</title>
    <link rel="stylesheet" href="plugins/sweetAlert/sweetalert.css">
    <link rel="stylesheet" href="plugins/loading-mobile/css/loading.css">
    <link rel="stylesheet" href="styles/css/login.css">
</head>
<body>
    <div class="container">
        <div class="header">
            <img src="styles/img/omi-logo-upright.jpg" class="logo_omi">
        </div>
        <div class="btn-box">
            <div class="reg">
                <button class="btn reg-btn" onclick="showModal('#reg_modal')">Sig Up</button>
            </div>
            <div class="login">
                <button class="btn login-btn" onclick="showModal('#login_modal')">Sign In</button>
            </div>
        </div>
        <p class="hint-block">Please create an new account or log in your account</p>
    </div>

    <!--登录模态框-->
    <div class="modal" id="login_modal">
        <div class="flex flex-center">
            <div class="modal-content">
                <span class="close"></span>
                <div class="modal-header">
                    <img src="styles/img/logo.png" class="logo_modal">
                    <p class="slogan">Omipay,beyond payment</p>
                </div>
                <div class="modal-body">
                    <form class="form-bind">
                        <div class="form-group">
                            <input type="text" id="u-name" name="username" class="form-control" required placeholder="Username" onkeyup="removeHelp(this)"/>
                            <span class="help-block"></span>
                        </div>
                        <div class="form-group">
                            <input type="password" name="password" id="u-pwd" class="form-control" required placeholder="Password" onkeyup="removeHelp(this)"/>
                            <span class="help-block"></span>
                        </div>
                        <div class="form-group form-btn">
                            <button type="button" class="bind-btn" id="btn-bind">Login</button>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>

    <!--注册模态框-->
    <div class="modal" id="reg_modal">
        <div class="flex flex-center">
            <div class="modal-content">
                <span class="close"></span>
                <div class="modal-header">
                    <img src="styles/img/logo.png" class="logo_modal">
                    <p class="slogan">Omipay,beyond payment</p>
                </div>
                <div class="modal-body">
                    <form class="form-reg" name="regForm">
                        <div class="form-group">
                            <input type="text" id="t-name" class="form-control" name="trading_name" required placeholder="Trading name" onkeyup="removeHelp(this)"/>
                            <span class="help-block"></span>
                        </div>
                        <div class="form-group">
                            <input type="text" id="c-name" class="form-control" name="company_name" required placeholder="Company name" onkeyup="removeHelp(this)"/>
                            <span class="help-block"></span>
                        </div>
                        <div class="form-group">
                            <select name="industry" id="type" class="b-type form-control" required onchange="removeHelp(this)">
                                <option value="">Please select a business type</option>
                                <option value="1">Comprehensive shopping mall</option>
                                <option value="2">Food</option>
                                <option value="3">Cosmetics</option>
                                <option value="4">Clothing,Shoes& Luggage</option>
                                <option value="5">Hospitality</option>
                                <option value="6">Eletronics</option>
                                <option value="7">Kids & Baby</option>
                                <option value="8">Stationery</option>
                                <option value="9">Tourism</option>
                                <option value="10">International Logistics</option>
                                <option value="11">Education</option>
                                <option value="12">Other Service Business</option>
                                <option value="13">Other Goods Trading Business</option>
                            </select>
                            <span class="help-block"></span>
                        </div>
                        <div class="form-group">
                            <input type="text" name="address" id="addr" class="form-control" required placeholder="Address" onkeyup="removeHelp(this)"/>
                            <span class="help-block"></span>
                        </div>
                        <div class="form-group">
                            <input type="text" name="contact_person" id="contact" class="form-control" required placeholder="Contact person" onkeyup="removeHelp(this)"/>
                            <span class="help-block"></span>

                        </div>
                        <div class="form-group">
                            <input type="text" name="phone" id="phone" class="form-control" required placeholder="phone" onkeyup="removeHelp(this)"/>
                            <span class="help-block"></span>
                        </div>
                        <div class="form-group">
                            <input type="email" name="email" id="email" class="form-control" required placeholder="Email" onkeyup="removeHelp(this)"/>
                            <span class="help-block"></span>
                        </div>
                        <div class="form-group">
                <textarea name="note" id="note" class="note" cols="30" rows="10" placeholder="Notes"></textarea>
                        </div>
                        <div class="form-group form-btn">
                            <button type="button" class="register-btn" id="btn-sub">Submit</button>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>

    <script src="plugins/jquery-1.11.3.js"></script>
    <script src="plugins/sweetAlert/sweetalert.min.js"></script>
    <script src="plugins/loading-mobile/js/loading.js"></script>
    <script src="js/httpService.js"></script>
    <script src="js/login.js"></script>
</body>
</html>